<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="zxx">

<head>
    <title>Personal Loan</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8"/>
    <meta name="keywords"
          content="Repay Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"
    />
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!-- //Meta tag Keywords -->
    <!-- Custom-Files -->
    <link rel="stylesheet" th:href="@{/css/index/bootstrap.css}">
    <!-- Bootstrap-Core-CSS -->
    <link rel="stylesheet" th:href="@{/css/index/style.css}" type="text/css" media="all"/>
    <link rel="stylesheet" th:href="@{/css/index/slider.css}" type="text/css" media="all"/>
    <!-- Style-CSS -->
    <!-- font-awesome-icons -->
    <link th:href="@{/css/font/index/font-awesome.css}" rel="stylesheet">
    <!-- //font-awesome-icons -->
    <!-- /Fonts -->
    <link href="//fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800" rel="stylesheet">

    <!-- //Fonts -->
</head>
<style>
    #img{
        height: 40px;
        width: 40px;
    }

</style>
<body>
<div class="adcenter">
    <script src="http://www.baisheng999.com/include/new/ggad2_728x90.js"></script>
</div>
<!-- mian-content -->
<div class="main-w3-pvt-header-sec" id="home">

    <!-- header -->
    <header>
        <div class="container">
            <div class="header d-lg-flex justify-content-between align-items-center py-lg-3 px-lg-3">
                <!-- logo -->
                <div id="logo">
                    <h1><a th:href="@{/}"><span class="fa fa-recycle mr-2"></span>Repay</a></h1>
                </div>
                <!-- //logo -->
                <div class="w3pvt-bg">
                    <!-- nav -->

                    <!-- //nav -->
                    <div class="justify-content-center">
                        <!-- search -->
                        <div class="apply-w3-pvt ml-lg-3" th:if="${session.username} ne null">

                                        <a th:href="@{/page/user/loginOut}"><u>logOut</u></a>&nbsp;&nbsp;&nbsp;

                            <a th:href="@{/page/product/product_list}"><u>productlist</u></a>&nbsp;&nbsp;&nbsp;

                            <a class="btn read" th:href="@{/page/user/detail}" role="button"
                               th:text="${session.username}"></a>
                            <img th:src="@{/images/1.jpg}" id="img">
                            <span style="font-size: 10px">已实名</span>
                        </div>
                        <div class="apply-w3-pvt ml-lg-3" th:if="${session.username} eq null">
                                        <a th:href="@{/api/user/user_login}"><u>login</u></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <a class="btn read" href="#" role="button">未登陆</a>
                        </div>
                        <!-- //search -->

                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- //header -->


    <!-- banner -->
    <section class="banner_w3pvt">
        <div class="csslider infinity" id="slider1">
            <input type="radio" name="slides" checked="checked" id="slides_1"/>
            <input type="radio" name="slides" id="slides_2"/>
            <input type="radio" name="slides" id="slides_3"/>

            <ul>
                <li>
                    <div class="banner-top">
                        <div class="overlay">
                            <div class="container">
                                <div class="banner-info">
                                    <div class="banner-w3ls-inner">
                                        <h4>Invest in your Future</h4>
                                        <h3>Personal Loans</h3>
                                        <p>Integer sit amet mattis quam, sit amet ultricies velit. Praesent ullamcorper
                                            dui turpis.</p>

                                        <div class="test-info text-left mt-lg-5 mt-4">
                                            <a href="single.html" class="btn mr-2">Read More</a>
                                            <a href="contact.html" class="btn">Contact Us</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="banner-top1">
                        <div class="overlay sec">
                            <div class="container">
                                <div class="banner-info">
                                    <div class="banner-w3ls-inner">
                                        <h4>We Support Your Dream</h4>
                                        <h3>Home Loans</h3>
                                        <p>Integer sit amet mattis quam, sit amet ultricies velit. Praesent ullamcorper
                                            dui turpis.</p>
                                        <div class="test-info text-left mt-lg-5 mt-4">
                                            <a href="single.html" class="btn mr-2">Read More</a>
                                            <a href="contact.html" class="btn">Contact Us</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="banner-top2">
                        <div class="overlay">
                            <div class="container">
                                <div class="banner-info">
                                    <div class="banner-w3ls-inner">
                                        <h4>Invest in your Future</h4>
                                        <h3>Business Loans</h3>
                                        <p>Integer sit amet mattis quam, sit amet ultricies velit. Praesent ullamcorper
                                            dui turpis.</p>
                                        <div class="test-info text-left mt-lg-5 mt-4">
                                            <a href="single.html" class="btn mr-2">Read More</a>
                                            <a href="contact.html" class="btn">Contact Us</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </li>

            </ul>
            <div class="arrows">
                <label for="slides_1"></label>
                <label for="slides_2"></label>
                <label for="slides_3"></label>

            </div>
        </div>
    </section>
    <!-- //slider -->
</div>

<!-- //banner -->
<!-- banner bottom -->
<section class="banner-bottom py-5" id="process">
    <div class="container py-md-5">
        <div class="row bottom-grids text-center">
            <div class="col-md-4 bottom-grid">
                <span class="fa clr1 fa-star-half-o"></span>
                <p class="number">1</p>
                <h4>Check Your Rate</h4>
                <p class="mt-4">Donec malesuada ex sit amet pretium sid ornare. Nulla congue scelerisque tellus,
                    utpretium nulla malesuada sedint. Suspendisse venenatis</p>
            </div>
            <div class="col-md-4 mt-md-0 mt-5 bottom-grid">
                <span class="fa clr2 fa fa-money"></span>
                <p class="number">2</p>
                <h4>Choose Your Loan</h4>
                <p class="mt-4">Donec malesuada ex sit amet pretium sid ornare. Nulla congue scelerisque tellus,
                    utpretium nulla malesuada sedint. Suspendisse venenatis</p>
            </div>
            <div class="col-md-4 mt-md-0 mt-5 bottom-grid">
                <span class="fa clr3 fa-credit-card"></span>
                <p class="number">3</p>
                <h4>Get Your Funds</h4>
                <p class="mt-4">Donec malesuada ex sit amet pretium sid ornare. Nulla congue scelerisque tellus,
                    utpretium nulla malesuada sedint. Suspendisse venenatis</p>
            </div>
            <span class="border-line"></span>
        </div>
    </div>
</section>
<!-- //banner bottom -->
<!-- /features -->
<section class="about py-md-5 py-5" id="loans">
    <div class="container py-md-5">
        <div class="feature-grids row mt-3">
            <div class="col-lg-6 ab-content-img">
                <img th:src="@{/images/blog5.jpg}" alt="" class="img-fluid image1">
            </div>
            <div class="col-lg-6 ab-content-inf pl-lg-5">
                <h3 class="title-w3ls my-3">Small Business Loans For a Daily Expenses</h3>
                <p>Integer sit amet mattis quam, sit amet ultricies velit. Praesent ullamcorper dui turpis.Donec
                    malesuada ex sit amet pretium sid ornare. Nulla congue scelerisque tellus, utpretium nulla malesuada
                    sedint. Suspendisse venenatis</p>
                <ul class="tic-info list-unstyled mt-5">
                    <li>

                        <span class="fa fa-check-square-o mr-2"></span> Personal Loan @ 10.75%
                    </li>
                    <li>

                        <span class="fa fa-check-square-o mr-2"></span> Repayable in 12 to 60 EMIs

                    </li>
                    <li>

                        <span class="fa fa-check-square-o mr-2"></span>Business Loan @ 11.65%

                    </li>
                    <li>
                        <span class="fa fa-check-square-o mr-2"></span> Home Loan @ 7.75%
                    </li>
                    <li>

                        <span class="fa fa-check-square-o mr-2"></span> Credit & Debit Card @ 5.15%

                    </li>

                </ul>
            </div>
        </div>
    </div>
</section>
<!-- //features -->

<!-- products -->
<section class="products py-5" id="stats">
    <div class="container py-lg-5 py-3">
        <h3 class="title-w3ls mb-sm-5 mb-4 text-center"> Previous Record</h3>
        <div class="row products_grids text-center mt-5">
            <div class="col-lg-3 col-6 grid4">
                <div class="prodct1">
                    <a href="#">
                        <div class="icon-w3ls f1">
                            <span class="fa fa fa-users"></span>
                        </div>
                        <h4 class="mt-2"> Personal Loan</h4>
                        <h4 class="mt-2"><strong>1170</strong></h4>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-6 grid5">
                <div class="prodct1">
                    <a href="#">
                        <div class="icon-w3ls f2">
                            <span class="fa fa-handshake-o"></span>
                        </div>
                        <h4 class="mt-2">Fixed Deposit</h4>
                        <h4 class="mt-2"><strong> 1070</strong></h4>

                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-6 grid6 mt-md-0 mt-3">
                <div class="prodct1">
                    <a href="#">
                        <div class="icon-w3ls f3">
                            <span class="fa fa-podcast"></span>
                        </div>
                        <h4 class="mt-2">Savings Account</h4>
                        <h4 class="mt-2"><strong>1270</strong></h4>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-6 grid7 mt-md-0 mt-3">
                <div class="prodct1">
                    <a href="#">
                        <div class="icon-w3ls f4">
                            <span class="fa fa-credit-card"></span>
                        </div>
                        <h4 class="mt-2">Credit Cards</h4>
                        <h4 class="mt-2"><strong> 1070</strong></h4>

                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- //products -->
<!--/banner-bottom -->

/full-grid


<!-- /services -->

<!-- //services -->
<!-- footer -->
<footer class="footer-content py-5">
    <div class="container py-md-3">
        <div class="footer-top text-center">
            <h2>
                <a class="navbar-brand pt-3 mb-5" href="index.html">
                    <span class="fa fa-recycle"></span> Repay
                </a>
            </h2>
        </div>
        <div class="row footer-top-inner-w3-pvt">
            <div class="col-lg-3 col-md-6 mt-lg-0 mt-4">
                <div class="footer-wthree">
                    <h3 class="mb-3 wthree_title">Links</h3>
                    <hr>
                    <ul class="list-info-wthree">
                        <li>
                            <a href="about.html"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                Our Mission
                            </a>
                        </li>
                        <li>
                            <a href="#"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                Latest Posts
                            </a>
                        </li>
                        <li>
                            <a href="#"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                Explore
                            </a>
                        </li>
                        <li>
                            <a href="contact.html"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                Find us
                            </a>
                        </li>
                        <li>
                            <a href="#"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                Privacy Policy
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 mt-lg-0 mt-4">
                <div class="footer-wthree">
                    <h3 class="mb-3 wthree_title">Navigation</h3>
                    <hr>
                    <ul class="list-info-wthree">
                        <li>
                            <a href="index.html"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                Home
                            </a>
                        </li>
                        <li>
                            <a href="about.html"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                About Us
                            </a>
                        </li>
                        <li>
                            <a href="single.html"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                Single Page
                            </a>
                        </li>
                        <li>
                            <a href="about.html"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                Team
                            </a>
                        </li>
                        <li>
                            <a href="contact.html"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                Contact Us
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 mt-lg-0 mt-4">
                <div class="footer-wthree">
                    <h3 class="mb-3 wthree_title">Customer Care</h3>
                    <hr>
                    <ul class="list-info-wthree">
                        <li>
                            <a href="about.html"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                Our Mission
                            </a>
                        </li>
                        <li>
                            <a href="#"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                Latest Posts
                            </a>
                        </li>
                        <li><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                            <a href="#">
                                Explore
                            </a>
                        </li>
                        <li>
                            <a href="contact.html"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                Find us
                            </a>
                        </li>
                        <li>
                            <a href="#"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                Privacy Policy
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 mt-lg-0 mt-4">
                <div class="footer-wthree">
                    <h3 class="mb-3 wthree_title">Contact Us</h3>
                    <hr>
                    <div class="last-w3-pvt-contact">
                        <p>
                            <a href="mailto:example@email.com">info@example.com</a>
                        </p>
                    </div>
                    <div class="last-w3-pvt-contact my-2">
                        <p>+ 456 123 7890</p>
                    </div>
                    <div class="last-w3-pvt-contact">
                        <p>+ 90 nsequursu dsdesdc,
                            <br>xxx Honey Street 049436.</p>
                    </div>
                </div>
            </div>

        </div>

    </div>
    --> -->
    <!-- //footer bottom -->
</footer>
<!-- //footer -->
<div class="copy-right">
    <div class="container">
        <div class="row">
            <p class="copy-right-grids text-md-left text-center my-sm-4 my-4 col-md-6">© 2020 Repay. All Rights Reserved
                | Design by
                <a href="http://www.baisheng999.com/" target="_blank" title="网站模板库">网站模板库</a> - Collect from <a
                        href="http://www.baisheng999.com/" title="网页模板" target="_blank">网页模板</a>
            </p>
            <div class="w3-pvt-footer text-md-right text-center mt-4 col-md-5">
                <ul class="list-unstyled w3-pvt-icons">
                    <li>
                        <a href="#">
                            <span class="fa fa-facebook-f"></span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="fa fa-twitter"></span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="fa fa-dribbble"></span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="fa fa-vk"></span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="move-top text-right col-md-1">
                <a href="#home" class="move-top"> <span class="fa fa-angle-up  mb-3" aria-hidden="true"></span></a>
            </div>

        </div>
    </div>
</div>
</body>

</html>